import React from 'react'
import { Button, Select, Form, Input } from 'antd';
import http from '@/src/utils/https';
type PropsType = {
    handelsearch:Function
}
const OrderSearch: React.FC<PropsType> = ({ handelsearch }) => {
    const onFinish = (values: any) => {
        handelsearch(values)
    };

    const onFinishFailed = (errorInfo: any) => {
        console.log('Failed:', errorInfo);
    };
  return (
    <Form layout='inline' onFinish={onFinish}>
          <Form.Item label="搜索" name="serTelName">
            <Input placeholder='手机号、用户名、订单号' style={{ width: 200 }}></Input>
          </Form.Item>
          <Form.Item label="订单类型" name='type'>
            <Select style={{ width: 150 }} allowClear options={[
              {
                value: '房屋出租',
                label: '房屋出租'
              },
              {
                value: '我想买个房',
                label: '我想买个房'
              },
              {
                value: '垃圾房产',
                label: '垃圾房产'
              },
              {
                value: '二手房',
                label: '二手房'
              },
              {
                value:'新楼盘',
                label:'新楼盘'
              }
            ]}></Select>
          </Form.Item>
          
          <Form.Item>
            <Button type='primary' htmlType='submit'>搜索</Button>
          </Form.Item>
        </Form>
  )
}

export default OrderSearch